<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script type="text/javascript">
    var string = 'boder-bottom-color'; // 属性使用中线连接的，我们希望转换成小驼峰方式命名：boderBottomColor

    /**
     * 1. 先把字符串按照 - 分割
     * 2. 除开第一部分的其他部分的首字母大写
     * 3. 连接起来
     * @param string
     */
    function convertStringToXtf(string) {
        var tmp = string.split('-');

        for (var i = 1; i < tmp.length; i++) {
            tmp[i] = tmp[i].charAt(0).toUpperCase() + tmp[i].substring(1);
        }

        return tmp.join('');

    }

    console.log(convertStringToXtf(string));

</script>

</html>
